<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>珠峰培训零基础高薪就业班</title>
    <!-- IMPORT CSS -->
    <link rel="stylesheet" href="css/reset.min.css">
    <style>
        body {
            height: 500vh;
            background: -webkit-linear-gradient(top left, orange, pink);
        }

        .back {
            display: none;
            position: fixed;
            right: 10px;
            bottom: 200px;
            box-sizing: border-box;
            width: 30px;
            height: 30px;
            line-height: 28px;
            text-align: center;
            font-size: 20px;
            background: lightblue;
            transform: rotate(-90deg);
            cursor: pointer;
        }

        /* .box {
            box-sizing: border-box;
            margin: 80px 50px;
            padding: 30px;
            width: 200px;
            height: 200px;
            border: 10px solid #000;
            font-size: 16px;
            line-height: 30px;
        }

        .box:after {
            content: '哈哈哈';
            color: rgb(0, 128, 0);
        }

        .active {
            border-color: red;
        } */
    </style>
</head>

<body>
    <!-- <div class="box">
        good good study, day day up!
        good good study, day day up!
        good good study, day day up!
        good good study, day day up!
        good good study, day day up!
        good good study, day day up!
        good good study, day day up!
    </div> -->

    <div class="back">&gt;</div>

    <!-- IMPORT JS -->
    <script src="1.js"></script>
</body>

</html>